<!DOCTYPE html>
<html lang=en>
<head>{% include "header.html" %}
</head>
<body>
  {% include "topbar.html" %}
  <embed src="/site_media/sound/stereo.mp3" volume="20%" hidden="true" autostart="true" loop="true">
  <div class="container">
    <div class="content" class="fadebg">
      <p><h1 style="color: red;">Happy Valentine's Day!</h1></p>
      <p><h3 style="color: grey">You have passed the knowledge test. Enjoy this brief history of Akua and Perry</h3></p>
    <div id="valCarousel" class="carousel slide">
     <div class="carousel-inner">
       <div class="item active" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/1.jpg" alt="">
         <div class="carousel-caption">
           <p>Spotted looking fly at an exclusive DC party.</p>
         </div>
       </div>
       <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/2.jpg" alt="">
         <div class="carousel-caption">
           <p>The two lovers "couching it up".</p>
         </div>
       </div>
       <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/3.jpg" alt="">
         <div class="carousel-caption">
           <p>I know her teeth look straighter than his... but don't worry, he's getting invisalign soon.</p>
         </div>
       </div>
       <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/4.jpg" alt="">
         <div class="carousel-caption">
           <p>The good old days...</p>
         </div>
      </div>
      <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/5.jpg" alt="">
         <div class="carousel-caption">
           <p>Clearly hijacking a photo just to be seen with him.</p>
         </div>
      </div>
      <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/7.jpg" alt="">
         <div class="carousel-caption">
           <p>Checking him out instead of looking at the camera.</p>
         </div>
      </div>
      <div class="item" style="width: 1024px;height:530px;background-color: black;overflow: hide">
         <img src="/site_media/images/valentimes/6.jpg" alt="">
         <div class="carousel-caption">
           <p>Lovebirds.</p>
         </div>
      </div>
     </div>
     <a class="left carousel-control" href="#valCarousel" data-slide="prev">&lsaquo;</a>
     <a class="right carousel-control" href="#valCarousel" data-slide="next">&rsaquo;</a>
   </div>
  </div>
  </div>
</body>
</html>